<template>
  <style-fire v-if="skinStore.getClass === 'fire'"></style-fire>
  <style-water v-else-if="skinStore.getClass === 'water'"></style-water>
  <style-wind v-else></style-wind>
</template>

<script lang="ts" setup>
  import { useSkinStore } from '@/store/modules/skin';

  import StyleFire from './fire/index.vue';
  import StyleWater from './water/index.vue';
  import StyleWind from './wind/index.vue';

  const skinStore = useSkinStore();
</script>

<style lang="scss" scoped>
  //
</style>
